@charset "utf-8";
/* CSS Document */
body{margin:0; padding:0; background:#000000}

#cke_n222{width:100%}
#mainframe{width:auto; min-width:1018px; background:#FFFFFF}
#header{width:100%; height:60px;}
.logo{width: 230px; height:60px; float:left; background:url(images/nophoto.png)  no-repeat;}
.account ul{ text-align:right; list-style:none; display:block; margin:0; padding-top:5px}
.account ul li{ display:inline; padding:0 10px;}
.account ul li a{color:#236da4; text-decoration:none; font:bold 12px  verdana;}
.account ul li a:hover{color:#333333;}
.account ul li a img{margin-right:5px; vertical-align:middle; border:0}
.account ul li.flag{padding:0 3px 0 0px;}
.account ul li.paddingf{padding-left:15px;}
#menuvar{ background:#d7d9dd;  min-height:1000px; border:#999999 solid 1px; padding:1px;}
#contains{ width:auto;  border:#999999 solid 1px; padding:1px; min-height:968px; }
table.mainf tr td{}
#contains .title{background:url(../images/title_03.gif) repeat-x; height:37px; }
li,a{ list-style:none; text-decoration:none; color:#474747}
.login_succ{width:500px; margin:100px auto 180px}
.welcome{width:480px; border:4px solid #a1c1d8; -moz-border-radius:4px; background:#e8e9ec}
.tit_welcome{text-align:center; color:#474747; font-size:16px; font-weight:bold; padding:20px 0}
.welcome li{float:left; padding:0 15px}
.welcome li a{font-size:11px; font-weight:bold; vertical-align:super; padding-left:3px}
.welcome li a:hover{color:#236DA4}
.line_tit{width:352px; height:2px; margin:30px auto 10px; background:url(../images/line.png) no-repeat;}
.main_page{width:480px}
.main_page tr td a{font-size:15px; font-weight:bold; vertical-align:top; line-height:40px; padding-left:5px}
.main_page tr td a:hover{color:#236DA4}
.footer{background:url(../images/footer.png) repeat-x; height:28px;}
.footer span{padding:8px 0; margin:0 auto; width:600px; display:block; text-align:center}
#home a {color:white; font-weight:bold;}
#home a:hover{color:#cd7e06}
#inven a {color:white; font-weight:bold;}
#inven a:hover{color:#cd7e06}

.approval-right {padding-left: 10px;padding-top: 15px;vertical-align: top;}
.title_content{font-size:14px; font-weight:bold; color:#236DA4; background:url(../images/icont.png) no-repeat; padding-left:30px; padding-bottom:15px}
.table_tr{border:1px solid #000;}
.td_first{background:#dadce1}
.td_first a:hover{color:#236DA4}
.table_th{border:1px solid #c4c4c4; border-collapse:collapse}
.table_th tr:hover {
    background-color:#EEE;
}
.table_th tr td{border-bottom:1px solid #c4c4c4;height:24px; border-right:1px solid #c4c4c4; padding:4px; text-align:center;}


.bd_button{background:#fff;display: inline-block;padding: 1px;white-space: nowrap;}   
.button_next{ background:url(../images/bg_next.png) repeat-x; border:1px solid #c4c4c4; cursor:pointer; display:inline-block; font-size:11px; padding:2px 10px 3px; margin-right:1px; color:#666}
.button_next:hover{color:#666 !important}
.button_next_last{ background:url(../images/bg_next.png) repeat-x; border:1px solid #c4c4c4; cursor:pointer; display:inline-block; font-size:11px; padding:2px 10px 3px;color:#666}
.table_th tr td.bt_td_main {background:#ccc}
.btn_search_new { background:url(../images/search-icon.png) no-repeat scroll 4px 6px; color: #000000;height: 30px;padding-left: 20px; padding-right: 10px; border:1px solid #999999; border-radius: 3px; cursor:pointer; margin-top:10px}
input.btn_search_new:hover {color:#236DA4}
.table_new {background:#eee;}
.btn_choose {width:80px; height:23px; background:url(../images/choose.png) no-repeat; border:none; color:white; padding:0 0 0px 0; cursor:pointer}
input.btn_choose:hover{background:url(../images/choose2.png) no-repeat }
#tab_new_2 tr td{vertical-align:middle;}
.head_info {background:#216CA3;color: white;padding: 5px 0 5px 0;text-align: center; font-weight:bold; font-size:11px}
.tdfirst {background:#e8e8e8; padding:5px; width:180px;}
.in_testfield {border: 1px solid #E8e8e8;font-size: 9pt;height: 20px; color:#555; width:300px;line-height: 20px;}
.requied {color:red; font-size:10px; float:left}
.tab_project {border:1px solid #c4c4c4; border-collapse:collapse}
.tab_project tr td{border-bottom:1px solid #c4c4c4; border-right:1px solid #c4c4c4; padding:4px; text-align:center;}
.tab_project tr td.bt_td_main {background:#ccc}
.cssTable {border-collapse: collapse;border-radius: 7px 7px 7px 7px;}
.cssTable thead tr {background: none repeat scroll 0 0 #216CA3;border-radius: 7px 7px 0 0;}
.cssTable tr {border-bottom: 1px dotted silver;}
.cssTable th {background: none repeat scroll 0 0 #216CA3;border: medium none;color: white;height: 30px;}
.cssTable tr td:first-child {width: 40px;}
.cssTable td {height: 25px;padding: 2px;text-align: center;width: 160px;}
.rf-p {background-color: #FFFFFF;border-style: solid;border-width: 1px;border-color: #C4C0B9;padding: 1px;}
.rf-dt {background-color: #FFFFFF;border-collapse: collapse;border-color: #C4C0C9;border-style: solid;border-width: 1px;empty-cells: show;}
.rf-dt-shdr-c {background-color: #eee;background-position: left top;border-bottom: 1px solid #C4C0C9;border-right: 1px solid #C4C0C9;font-weight: bold;padding: 4px;text-align: center; font-size:11px}
.rf-dt-c {border-bottom: 1px solid #C4C0C9;border-right: 1px solid #C4C0C9;font-size: 11px;padding: 4px;}
.content_code {min-height:935px; background:#edf4f7}

/*------------------------------------Kế toán Huy --------------------------------*/

.div_tabH {border:1px solid #999; height:400px; overflow: auto; position:relative; background:white}

.titleD{background:url(../images/footer.png) repeat-x;color:#000033; font-weight:bold;}
td.bolderD{font-weight:bold}
tr.titleD td{text-align:center}
.catD table{boder-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
.catD tr td{ border-right: #CCCCCC solid 1px; border-bottom: #CCCCCC solid 1px ;}
.row:nth-child(even) {background: #edf4f7; border-right: #CCCCCC dotted 1px; border-bottom: #CCCCCC dotted 1px ;}
.row:nth-child(odd) {background: white;}
tr.row td { border-right: #d1d1d1 dotted 1px; border-bottom: #d1d1d1 dotted 1px ;}
td.wD{width:100px;}
input.ipD{width:460px;}
.ptH { position:absolute; bottom:2px; left:0px; z-index:100; background:#bad0da ; width:100%}
.ptH ul{padding:0; margin:0; display:block}
.ptH ul li{padding:0 3px; margin:0; display:inline; list-style:none}
input.reD{width:70px; text-align:right}
.smH{ margin-top:10px; background:#d1d1d1; padding:1px 0;}
.smH ul {text-align:right; padding-right:10px}
.smH li { display:inline; }

/*---------------------------Đoàn css--------------------------------*/
.table_new {background:#eee; font-size:13px}
.titleD{background:url(../images/footer.png) repeat-x;
		color:#000033; font-weight:bold;
	}
.div_tabD{height:400px; border:#999999 solid 1px ; overflow:scroll; position:relative; background:#FFF}
td.bolderD{font-weight:bold}
tr.titleD td{text-align:center}
.catD table{boder-top:#CCCCCC solid 1px; border-left:#CCCCCC solid 1px;}
.catD tr td{ border-right: #CCCCCC solid 1px; border-bottom: #CCCCCC solid 1px ;}
.row:nth-child(even) {background: #edf4f7; border-right: #CCCCCC dotted 1px; border-bottom: #CCCCCC dotted 1px ;}
.row:nth-child(odd) {background: white;}
tr.row td { border-right: #d1d1d1 dotted 1px; border-bottom: #d1d1d1 dotted 1px ;}
td.wD{width:120px;}
input.ipD{width:436px;}
.ptD {position:absolute; left:0; bottom:0; z-index:100; background:#d1d1d1; width:100%}
.ptD ul{padding:0; margin:0 ; display:block}
.ptD ul li{padding:0 3px; margin:0; display:inline; list-style:none}
input.reD{width:70px; text-align:right}
.smD{ margin-top:10px; background:#d1d1d1; padding:1px 0;}
.smD ul{padding:0; margin:10px ; display:block; text-align:right}
.smD ul li{padding:0 3px; margin:0; display:inline; list-style:none}
.paddingD{padding-top:10px}

.lang {text-align:right; padding-right:20px; padding-top:13px ;}
.lang li {display:inline-block}
.vn{background:url('images/flag_12.gif') center}
.en{background:url('images/flag_10.gif') center}
.kr{background:url('images/flag_14.gif') center}
.lang input {padding-right:5p;width: 24px;height: 18px;border:none}


@charset "utf-8";
/* CSS Document */
* {padding:0; margin:0;}
ul,li {list-style:none}
img {border:none}
a {text-decoration:none}
a:hover {color:#1472b7;}
body {background:#f3f3f3; position:relative; color: #333333; font-family: Verdana,helvetica,arial,sans-serif !important; font-size: 12px;}
h3.atitle { padding:10px;  font-size:15px; box-shadow: 0 3px 3px #999; color:#4c4c4c; margin:15px 0}

.top {height:56px; background:url(../images/bg_top.gif) repeat-x; width:100%; position:relative; box-shadow: 0px 1px 3px #666}
.lang {position:absolute; top:13px; right:10px;width: 450px;}
.lang img {padding-right:5px}

.login {width:90%; height:225px; margin:200px auto; border:1px solid #848484; -moz-border-radius: 6px; -webkit-border-radius: 6px; background:#eef0f6; position:relative}
.tlogin {height:39px; line-height:39px; color:white; font-size:18px; font-weight:bold; padding-left:20px; background: url(../images/bg_tlogin.gif) repeat-x; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px;}
.clock {position:absolute; right:-15px; top:-20px; background:url(../images/lock.png) no-repeat; width:78px; height:77px; display:block}
.userpass {margin:30px 0 20px}
.userpass span {width:200px; padding-left:30px; display:block; float:left; font-size:16px; height:28px; line-height:28px}
.text_login {background:white; width:60%; height:28px; border:1px solid #848484}
.rebutton a {padding-left:30px; font-size:15px; text-decoration:underline}
.blogin {float:right; margin-right:48px; padding:4px 15px; border:1px solid #5b8333; background: url(../images/bg_blogin.gif) repeat-x; -moz-border-radius: 6px; -webkit-border-radius: 6px; color:#446620; font-size:15px; font-weight:bold; cursor:pointer}

.nav_top {background:white; height:38px; box-shadow: 0 3px 3px #999}
.nav_tit {text-align:center; color:#1472b7; font-weight:bold; font-size:18px; line-height:38px}
.main_app {padding:20px}
.main_app h1 { background:white; box-shadow: 0 2px 2px #848484; min-height:30px; margin-top:10px}
.main_app h1 .top_col {height:2px; display:block; background:#0f9e00}
.main_app h1 a, .main_app h1 .app_tt { font-size:16px; font-weight:bold; padding-left: 15px; display:block; min-height:30px; line-height:30px; cursor:pointer}
.sub_app {padding:0 10px}
.sub_app li {box-shadow: none; height:auto; margin:0 15px; border-top:1px solid #d5d5d5}
.sub_app li a {font-size:16px; font-weight:normal; padding:0}



.main_content {background:#edf4f7; padding:10px 10px 30px}
.tcontent { width:100%; border:1px solid #C4C0C9; border-bottom:none; border-right:none;}
.tcontent td a {color:#333}
.tcontent td a:hover {color:#1472b7}
.tcontent .trtit {background:#eee; height:40px; font-weight:bold}
.tcontent tr td { padding:4px; border-bottom: 1px solid #C4C0C9; border-right: 1px solid #C4C0C9; text-align:center; color:#333; height:36px}
.trfoo {background:#ccc; height:50px}
.trfoo td a {padding:4px 8px 6px; border:1px solid #a0a0a0; background:#e9e5e1;}

.top_but {margin:15px auto 10px; border-bottom:1px dotted #aaa; padding-bottom:10px}
.top_but li {-moz-border-radius: 6px; -webkit-border-radius: 6px; border:1px solid #b6b6b6; width:57px; height:50px; background:white; position:relative; margin:0 8px; display:inline-block; list-style:none; cursor:pointer;box-shadow: 0 1px 2px #999;}
.top_but li:hover {box-shadow: 0 1px 2px #999;}
.top_but li a {opacity: .7}
.top_but li a:hover {opacity: 1}
.top_but li img { position: absolute; left:0; right:0 ; top:0; bottom: 0; margin:auto; border:none;}
.hidden {display:none;padding: 5px 10px; font-family:verdana;background: #333; color:white; font-size:13px; font-weight:bold;-moz-border-radius: 4px; -webkit-border-radius: 4px; position:absolute; top:50px}
.top_but li:hover .hidden {display:block}

.col_left {background:#eee; font-weight:bold}

.btn_cong {margin:10px}
.btn_cong a{ padding:4px 8px; background:#3385bf; box-shadow: 2px 1px 1px #666; margin-right:10px; font-size:16px; color:white }
.btn_cong a:hover {background:#999}

.btn_Add { padding:3px 6px; background:#3385bf; box-shadow: 2px 1px 1px #666; margin-right:5px; font-size:13px; color:white; border:none; cursor:pointer}
.btnupbg {background:#309dcf; border-radius: 3px; color: white; cursor: pointer; font-weight: bold; height: 25px; padding: 0 5px 0 ;border-color: #C4C0B9; border-width: 1px; margin-right:5px}
.btnupbg:hover {background:#686868}
.btnupload {background: -moz-linear-gradient(center top , #63B6DB, #309DCF) repeat;}
.tr_title {background: url(../images/icon_oval_blue.jpg) no-repeat left center; color: #0962C8; font-size: 12px; font-weight: bold; margin: 15px 0 0 0; padding-left: 18px;}
.com_tit {border: 1px solid #CCCCCC; font-size: 10pt; height: 22px;}
.btn_search_new {background: url(../images/book-open.png) !important; background-position: 4px 8px !important; background-repeat: no-repeat !important; color: #000000;  height: 30px; padding-left: 20px; padding-right: 10px; border-radius: 3px; border-color: #C4C0B9; border-width: 1px; cursor:pointer; font-weight:bold; font-size:11px}
.rf_dt {background-color: #FFFFFF; border-collapse: collapse; border-color: #C4C0C9; border-style: solid; border-width: 1px; empty-cells: show; margin-top:20px; width:100%; line-height:25px}
.rf_dt tr:hover {background:#f0f0f0}
.rf_dt tr td {border-bottom: 1px solid #C4C0C9; border-right: 1px solid #C4C0C9; color: #000000; font-family: Arial,Verdana,sans-serif; font-size: 11px; padding: 4px;}
.rf_dt tr td a {color:#236DA4; font-size:11px}
.rf_dt tr td a:hover {color:#1f71ee}
.table_new {background:#eee; font-weight:bold; text-align:center}
.view_button {background-color: transparent; background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.85), rgba(247, 247, 247, 0.85)); border: 1px solid #CCCCCC;   cursor: pointer; font-weight: bold; height: 25px; line-height: 30px; margin: auto; opacity: 0.5; position: relative; text-align: center; width: 60px;}
.view_button:hover {box-shadow: 0 1px 3px #999; opacity: 1}
.view_button a {display: block; height: 30px; text-align: center}
.view_button a img {margin:5px 0 0}

.templ {background:white; border:1px solid #aaa; border-bottom:none; border-right:none} 
.top_but2 {border-bottom: 2px solid #424242; font-size: 17px; letter-spacing: 1px; margin-bottom:5px; display:block}
.templ tr td {border-bottom:1px solid #aaa; padding:5px 10px; border-right:1px solid #aaa;}
.templ tr td img {border:1px solid #eee}
.titapp {background: #ececec}
.titapp2 {background: -moz-linear-gradient(center top, #ffffff, #d8d8da) repeat;}
.titapp22 {background: -moz-linear-gradient(center top, #d8d8da, #ffffff) repeat;}
.group_app {padding:5px; margin:5px 0; border:1px solid #ccc}
.com_app {width:200px; height:22px; border:1px solid #ccc}
.list_ph li {border-bottom: 1px dotted #ccc; padding:5px 0; margin:0 10px 0 5px}


<!--project-->


.projectInfo {margin: 0 0 10px}
.caption {
	background: url(../images/icon_down.png) no-repeat scroll left center transparent;
    border-bottom: 2px solid #424242;
    display: block;
    font-size: 17px;
    letter-spacing: 2px;
    margin-top: 10px;
    padding-left: 20px;
	cursor:pointer;
	margin-bottom:10px;
}
.underline {border-bottom: 1px dotted silver;}
td.titleComp {
    font-size: 13px;
    font-weight: bold;
    height: 25px;
    padding-left: 30px;
    padding-top: 4px;
	background: url(../images/tester.png) no-repeat scroll 0 0 #EFEFEF !important;
}
.listCom tr td {height:30px; width:48%}
.composition {
    max-height: 150px;
    overflow: auto;
}
.itemCom {
background: url(../images/pp.png) no-repeat scroll 0 0 transparent;
    border-bottom: 1px dotted #7D7D7D;
    height: 18px;
    list-style-type: none;
    margin-left: 10px;
    padding: 3px 0 3px 30px;
    width: 85%;
}
.rf-p {
    background-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    color: #C4C0B9;
    padding: 1px;
}
.rf-p-b {
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    padding: 10px;
}
.buttonColor {float:right}
.buttonColor li {float:right; padding: 0 5px}
.button1 {
    background: none repeat scroll 0 0 #B023AB;
    border: 2px solid #E2E2E2;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}
.button2 {
    background: none repeat scroll 0 0 #B02323;
    border: 2px solid #E2E2E2;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}
.clear {clear:both}
.button3 {
    background: none repeat scroll 0 0 #3DA850;
    border: 2px solid #E2E2E2;
    border-radius: 2px 2px 2px 2px;
    cursor: pointer;
    display: block;
    float: left;
    height: 15px;
    margin: 0 5px;
    width: 15px;
}
.intext {color: #3DA850; width: 100%; background: #fff; height: 20px; border: 1px solid #CCC; font-size: 10pt; }
.buttonProject {
background: #e2e2e2;
    border-radius: 3px 3px 3px 3px;
    color: #666;
    cursor: pointer;
    font-weight: bold;
    height: 25px;
    margin-left: 2px;
    padding: 0 5px 0;
	border-color: #C4C0B9;
    border-width: 1px;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
}
.buttonProject:hover {
color:white;
text-decoration:none;
cursor:pointer;
background: #777A76;
}
.divListError {
    background: none repeat scroll 0 0 #E3E3E3 !important;
    border-bottom: 0 none;
    height: 75px;
}
.divListError ul li {
    float: left;
    height: auto;
    list-style: none outside none;
    padding: 3px;
    text-align: center;
    width: 100px;
}
.divListError ul li a {
    color: #2D2D2D !important;
    font-size: 12px;
    font-weight: bold;
}
.linkAction {
    color: #2D2D2D !important;
    font-size: 13px;
    font-weight: bold;
}
.divListError ul li img {
    height: 32px;
    margin: 3px 25px;
}
.divListError ul li:hover {
    background: url(../images/bg50.png) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
}
.rf-dt {
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-color: #C4C0C9;
    border-style: solid;
    border-width: 1px;
    empty-cells: show;
}
.rf-dt-c {
    border-bottom: 1px solid #C4C0C9;
    border-right: 1px solid #C4C0C9;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    padding: 4px;
}
.rowMinHeight {
    min-height: 40px;
    vertical-align: middle;
}
.titleError {
    border-bottom: 0 none;
    color: #424242;
    font-size: 12px;
    font-weight: bold;
    padding: 10px 0 3px 1.9%;
    width: 98.1%;
}
.writeBy {
    color: #424242;
    display: block;
    margin: 5px 0 0;
    text-align: right;
}
.rf-dt-ftr-c {
    background-color: #CCCCCC;
    border-bottom: 1px solid #C4C0C9;
    border-right: 1px solid #C4C0C9;
    color: #000000;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    padding: 4px;
    text-align: center;
}
.rf-ds {
    background: none repeat scroll 0 0 #FFFFFF;
    display: inline-block;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    padding: 1px;
    white-space: nowrap;
}
.rf-ds-btn {
    background-color: #D4CFC7;
    background-image: url(../images/bgabc.png);
    background-position: left top;
    background-repeat: repeat-x;
    border-color: #C4C0C9;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: pointer;
    display: inline-block;
    font-family: Arial,Verdana,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 2px 10px 3px;
    text-decoration: none;
}
.rf-ds-btn-first, .rf-ds-btn-fastrwd, .rf-ds-btn-prev {
}
.rf-ds-dis {
    color: #C4C0C9;
    cursor: default;
}


.htitle {
    background: url(../images/icon_oval_blue.jpg) no-repeat left center;
    color: #0962C8;
    font-size: 13px;
    font-weight: bold;
    margin-top: 20px;
    padding-left: 18px;
}

.vuhong-table-header {
	background: none repeat scroll 0 0 #EEEEEE;
   
    text-decoration: none;
}

.vuhong-table-header a:hover {color: #1472b7}
.hstable {
	border: 1px solid #000000;
    color: #000000;
    text-align: left;
    text-decoration: none;
	}
	
.buttonNormalDisable {
	width: 100px;
	height: 30px;
	background: #cccccc;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px 3px 3px 3px;
	padding: 0pt 5px 0px;
	border: none;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	text-align: center;
}
.buttonNormal {
	width: 100px;
	height: 30px;
	background: #49a9d5;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px 3px 3px 3px;
	padding: 0pt 5px 0px;
	border: none;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	text-align: center;
}
.buttonNormal:hover {
	width: 100px;
	height: 30px;
	background: #808080;
	color: white;
	font-size: 12px;
	font-weight: bold;
	border-radius: 3px 3px 3px 3px;
	padding: 0pt 5px 0px;
	border: none;
	cursor: pointer;
	-webkit-border-radius: 5px;
	vertical-align: middle;
	text-align: center;
}